<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="js/jquery-1.12.4.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <style>
        #right{
            display: flex;
            justify-content:flex-end;
        }
        #headerbg{
            background: url("resources/bannerbg.png") no-repeat;
            width: 100%;
            height: 590px;
            margin-top: -20px;
            background-size:cover;
        }
        #myCarousel{
            padding-left: 20px;
            padding-top: 60px;
        }
    </style>
</head>
<header>
    <nav class="navbar navbar-inverse">
        <a class="col-lg-1"><img src="resources/logoMsg.png" class="navbar-brand"/></a>
        <a href="#" class="navbar-brand col-lg-1">全国</a>
        <a href="#" class="navbar-brand col-lg-1">演出</a>
        <a href="#" class="navbar-brand col-lg-1">电影</a>
        <a href="#" class="navbar-brand col-lg-1">我的微票儿</a>
        <a href="#" class="navbar-brand col-lg-1" >其他</a>
        <div id="right">
        <form class="navbar-form navbar-left" role="search">
            <div class="form-group">
                <input type="text" class="form-control col-lg-1">
            </div>
            <button type="submit" class="btn btn-default">搜索</button>
        </form>
        <a class="col-lg-1"><button type="button" class="btn btn-default navbar-btn">登陆</button></a>
            <a class="col-lg-1"><button type="button" class="btn btn-default navbar-btn">注册</button></a>
        </div>
    </nav>
    <div id="headerbg" >
        <div id="myCarousel" class="carousel slide col-lg-8" >
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
                <li data-target="#myCarousel" data-slide-to="2"></li>
                <li data-target="#myCarousel" data-slide-to="3"></li>
                <li data-target="#myCarousel" data-slide-to="4"></li>
            </ol>
            <div class="carousel-inner">
                <div class="item active">
                    <img src="resources/1.jpg" alt="First slide">
                </div>
                <div class="item">
                    <img src="resources/2.jpg" alt="Second slide">
                </div>
                <div class="item">
                    <img src="resources/3.jpg" alt="Third slide">
                </div>
                <div class="item">
                    <img src="resources/4.jpg" alt="four slide">
                </div>
                <div class="item">
                    <img src="resources/5.1.jpg" alt="five slide">
                </div>
            </div>
        </div>
    </div>
</header>
<body>
    <div class="form-group">
        <input type="text" class="form-control" id="baidu">
    </div>
    <button type="submit" class="btn btn-default" id="baidubtn">百度一下</button>
    <div class="form-group">
        <input type="text" class="form-control" id="sougou">
    </div>
    <button type="submit" class="btn btn-default" id="sougoubtn">搜狗一下</button>
    <div class="form-group">
        <input type="text" class="form-control" id="360">
    </div>
    <button type="submit" class="btn btn-default" id="360btn">360一下</button>
    <div class="form-group">
        <input type="text" class="form-control" id="guge">
    </div>
    <button type="submit" class="btn btn-default" id="gugebtn">谷歌一下</button>

</body>
<footer>
    <div>

    </div>
</footer>
<script>
    $("#baidubtn").click(function () {
        var baidu=$("#baidu").val();
        window.location.href="https://www.baidu.com/s?ie=UTF-8&wd="+baidu;
    });
    $("#sougoubtn").click(function () {
        var baidu=$("#sougou").val();
        window.location.href="https://www.sogou.com/web?query="+baidu;
    });
    $("#360btn").click(function () {
        var baidu=$("#360").val();
        window.location.href="https://www.so.com/s?ie=utf-8&fr=none&src=home_suggst_sug_normal&q="+baidu;
    });
    $("#gugebtn").click(function () {
        var baidu=$("#guge").val();
        window.location.href="https://www.sogou.com/web?query="+baidu;
    });
</script>
<script src="js/vue.js"></script>
<script type="text/javascript" src="js/jquery-1.12.4.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
</html>